<template>
	<!-- 跑腿-帮我送-计费规则 -->
	<view class="BillingRules public">
		<!-- <view class="empty"></view>
		<view class="main">
			<view class="main-item" v-for="item in arr" :key="item.id">
				<view class="title">
					{{item.title}}
				</view>
				<view class="content">
					<view class="flexjcsb">
						<text>{{item.startContent}}</text>
						<text>{{item.startPrice}}元</text>
					</view>
					<view class="flexjcsb">
						<text>{{item.endContent}}</text>
						<text>{{item.endPrice}}元</text>
					</view>
				</view>
			</view>
		</view> -->
		3公里1块钱，超过3公里多余的1公里1块，不足一公里按一公里收费。
	</view>
</template>

<script>
export default {
	data() {
		return {
			arr: [
				{ id: 1, title: '基础费', startContent: '起步价（后续自行商讨后台上传计费规则）', endContent: '3公里', startPrice: 17, endPrice: 18 },
				{ id: 2, title: '物品续重费', startContent: '0-25kg（后续自行商讨后台上传计费规则）', endContent: '25-50kg', startPrice: 17, endPrice: 18 },
			]
		}
	}
}
</script>

<style lang="less" scoped>
.BillingRules {
	background: #FBFBFB;
	padding: 10px;

	.empty {
		height: 3rpx;
	}

	.main {
		.main-item {
			width: 750rpx;
			height: 188rpx;
			background: #FFFFFF;
			margin-bottom: 2rpx;
			padding: 0 36rpx 0 48rpx;

			.title {
				font-size: 30rpx;
				font-weight: 500;
				color: #313131;
				padding: 30rpx 0 20rpx 0;
			}

			.content {
				font-size: 24rpx;
				font-weight: 400;
				color: #313131;

				view:first-child {
					padding-bottom: 10rpx;
				}
			}
		}
	}
}
</style>